<template>
	<div>
    <div class="content">
    	<div class="content-top">
    		<div class="content-top1">
    			<input type="checkbox" />
    			<p class="p11">全选</p>
    			<p class="p12">商品名称</p>
    			<p class="p13">单价</p>
    			<p class="p14">数量</p>
    			<p class="p15">小计</p>
    			<p class="p16">操作</p>
    		</div>
    		<div class="content-top2">
    			<input type="checkbox" />
    			<div class="goodsimg"><img src="../../static/imgs/眼镜.jpg"></div>
    			<p>米家经典方框太阳镜 Pro 方框 渐变灰</p>
    			<span class="span1">199元</span>
    			<div class="number"><img src="../../static/imgs/数量.png"></div>
    			<span class="span2">199元</span>
    			<div class="delete"><img src="../../static/imgs/叉.png"></div>
    		</div>
    	</div>
    	<div class="content-body">
    		<ul>
    			<li>继续购物</li>
    			<li>|</li>
    			<li>共<span>1</span>件商品，已选择<span>1</span>件</li>
    		</ul>
    		<p>合计：<span>199</span>元</p>
    		<input type="button" value="去结算" />
    	</div>
    	<div class="content-foot">
    		<h2><span>买购物车中商品的人还买了</span></h2>
    		<div class="photo1"><img src="../../static/imgs/图1.png"></div>
    		<div class="photo2"><img src="../../static/imgs/图2.png"></div>
    		<div class="photo3"><img src="../../static/imgs/图3.png"></div>
    		<div class="photo4"><img src="../../static/imgs/图4.png"></div>
    		<div class="photo5"><img src="../../static/imgs/图5.png"></div>
    		<div class="photo6"><img src="../../static/imgs/图6.png"></div>
    		<div class="photo7"><img src="../../static/imgs/图7.png"></div>
    		<div class="photo8"><img src="../../static/imgs/图8.png"></div>
    		<div class="photo9"><img src="../../static/imgs/图9.png"></div>
    		<div class="photo10"><img src="../../static/imgs/图10.png"></div>
    	</div>
    </div>
  </div>
</template>

<script>
	export default{
		data(){
			return{

			}
		},
		components:{

		},
		methods:{

		}
	}
</script>

<style>
</style>
